# !/usr/bin/env python3
# -*- coding: utf-8 -*-
"""
===========================
@Time : 2022/8/24 0024 23:06
@Author : 测试开发工程师
@File : 6. Vue 环境安装.py
@Software: PyCharm
============================
"""

"""
Vue 项目
    前端项目需要工程化管理
    使用 Vue 脚手架工具可以简化项目创建过程
    可以专注代码，不要关心项目创建和配置的细节
    
Vue 脚手架工具   官网： https://cli.vuejs.org/zh/
    用于快速生成 Vue 项目基础架构
    安装 vue-cli
        npm install -g @vue/cli
        -g 代表全局安装，如果不加 -g ，会在当前目录安装
    验证环境 
        vue --version 

命令行方式创建 Vue 项目
    执行命令： vue create project_vue
    注意： project_vue 需要替换为需要的项目名称，不可以包含中文
    启动项目 ： cd project_vue
                npm run serve
                - Local:   http://localhost:8080/
                - Network: http://192.168.1.20:8080/
                
    
图形化界面方式创建 Vue 项目
    命令开启前端项目管理页面    ： vue ui
    选择目录和项目名称，使用 npm 包管理工具

Vue 项目目录介绍
    node_module：依赖库
    public: 静态资源
    src: 组件源码      -  代码在此处
        assets : 资源（图片）
        components: 存放公共组件的地方
        App.vue : 根组件
        main.js : 项目入口
    package-lock.json : 依赖的详细信息
    package.json : 包依赖文件
    


"""
